
//不同的浏览器需要使用不同的方式调用
// API method:
// Opera --> getUserMedia
// Chrome --> webkitGetUserMedia
// Firefox --> mozGetUserMedia

//获取用户摄像头权限
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
// 指定采集视频，不采集音频
var constraints = {audio: false, video: true};
//获取video标签
var video = document.querySelector("video");
// 获取成功后执行的回调函数
function successCallback(stream) {

  window.stream = stream;
  if (window.URL) {
	  
   //将获取到的流展示在页面上，这种方式适用于谷歌浏览器
   video.srcObject = stream;
  } else {
    // 适用于火狐和Opera浏览器
    video.src = window.URL.createObjectURL(stream);
  }
  //播放视频
  video.play();
}
// 获取失败后执行的回调函数
function errorCallback(error) {
  console.log("navigator.getUserMedia error: ", error);
}
// 发起调用
navigator.getUserMedia(constraints, successCallback, errorCallback);